<div id='whole'>

<head>
   <link href="/site_media/css/page.css" site_media="screen" rel="Stylesheet"
   type="text/css" />
   <link href="/site_media/css/test.css" site_media="screen" rel="Stylesheet" type="text/css" />
</head>

<body>
<h1> Test Suites </h1>

{% if testsuites %}
<table class="data"> 
    <thead>
        <tr>
            <td>Test Suite ID</td>
            <td>Test Suite Name</td>
            <td>Test Suite Runs</td>
            <td>Test Suite Details</td>
        </tr>
    </thead>
    <tbody>
    {% for testsuite in testsuites.object_list %}
        <tr>
            <td>{{ testsuite.id }}</td>
            <td>{{ testsuite.testsuite }} </td>  
            <td><a href="/testsuite_testruns/{{ testsuite.id }}"> Link </a></td>
            <td><a href="/testsuites/{{ testsuite.id }}"> Link </a></td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
    <p>No testssuites are available.</p>
{% endif %}


<div class="pagination">
    <span class="step-links">
        {% if testsuites.has_previous %}
            <a href="?page={{ testsuites.previous_page_number }}">previous</a>
        {% endif %}

        <span class="current">
            Page {{ testsuites.number }} of {{ testsuites.paginator.num_pages }}.
        </span>

        {% if testsuites.has_next %}
            <a href="?page={{ testsuites.next_page_number }}">next</a>
        {% endif %}
    </span>
</div>


<a href="..">up</a>

</body>
</div>
